<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

	<ui:composition template="/templates/templates.xhtml">
        <ui:define name="pageTitle">Cadastro Produtos</ui:define>
        <ui:define name="pageHeader">Cadastro de Produtos</ui:define>
        <ui:define name="body">
		<h:form>
			<h:messages />
               <h:inputHidden value="#{produtoBean.produtoSelecionado.codigoProduto}" />

			<fieldset id="fielsetTodos">
				<legend id="legendTodos">CADASTRO DE PRODUTO</legend>
				<h:panelGrid columns="2">

					<h:outputLabel value="NOME DO PRODUTO" />
					<h:inputText id="nomProduto"
						value="#{produtoBean.produtoSelecionado.nome}" required="true"
						size="60" />
					<h:outputLabel value="DESCRIÇÃO DO PRODUTO" />
					<h:inputTextarea id="descricaoProduto"
						value="#{produtoBean.produtoSelecionado.descricao}"
						required="true" size="150" />
					<h:outputLabel value="VALOR" />
					<h:inputText id="valorProduto"
						value="#{produtoBean.produtoSelecionado.valor}" required="true"
						size="10">
						<f:convertNumber minFractionDigits="2" />
					</h:inputText>
				</h:panelGrid>
			</fieldset>
			<h:commandButton value="Salvar" size="100px" action="#{produtoBean.Salvar}" />
			<h:commandButton value="Limpar" size="100px" action="#{produtoBean.Limpar}" />
			<h:form id="lista">
				<h:dataTable value="#{produtoBean.listar}"
					var="produto" styleClass="tabela" headerClass="cabecalho"
					rowClasses="linha1, linha2" width="100%"
					rendered="#{not empty produtoBean.listar}">
					<h:column>
						<f:facet name="header">Código</f:facet>
		#{produto.codigoProduto}
		</h:column>
					<h:column>
						<f:facet name="header">Nome do produto</f:facet>
		#{produto.nome}
		</h:column>
					<h:column>
						<f:facet name="header">Descrição do produto</f:facet>
		#{produto.descricao}
		</h:column>
					<h:column>
						<f:facet name="header">Valor</f:facet>
		#{produto.valor}
		</h:column>
					<h:column>
						<f:facet name="header">Opções</f:facet>
						<h:commandLink action="#{produtoBean.excluir}"
							onclick="if (!confirm('Deseja realmente excluir o produto #{produto.nome}?')) return false;">
							<h:graphicImage library="imagens" name="Lixeiras_15.jpg" />
							<f:setPropertyActionListener
								target="#{produtoBean.produtoSelecionado}" value="#{produto}" />
						</h:commandLink>
						<h:commandLink>
							<h:graphicImage library="imagens" name="editar_lapis.gif" />
							<f:setPropertyActionListener
								target="#{produtoBean.produtoSelecionado}" value="#{produto}" />
						</h:commandLink>
					</h:column>
				</h:dataTable>
			</h:form>
		</h:form>
	</ui:define>
	</ui:composition>

</html>